<template>
	<view class="content">
		<view class="">

			<!-- <view style="margin-top: 100rpx;" v-if="title == '我的建议'">
				<view style="width: 60%; display: flex; align-items: center; justify-content: space-between;">
					<image style="width: 65rpx; height: 55rpx;" src="../../static/study/zuo.png" mode="" @click="zuo">
					</image>
					<view style="font-size: 38rpx;">{{title}}</view>
				</view>
			</view> -->

			<!-- <view style="margin-top: 100rpx;" v-if="title == '我的活动'">
				<view style="width: 60%; display: flex; align-items: center; justify-content: space-between;">
					<image style="width: 65rpx; height: 55rpx;" src="../../static/study/zuo.png" mode="" @click="zuo">
					</image>
					<view style="font-size: 38rpx;">{{title}}</view>
				</view>
				<view style="display: flex; align-items: center; justify-content: space-around; margin-top: 50rpx;">
					<view v-for="(item, idx) in wdhd">
						<view>
							<view :class="this_index == item.id ? 'yes':'no'" @tap="leixing(item.id)">
								{{item.name}}
							</view>
						</view>
					</view>
				</view>
			</view> -->

			<!-- <view style="margin-top: 100rpx;" v-if="title == '我的随手拍'">
				<view style="width: 63%; display: flex; align-items: center; justify-content: space-between;">
					<image style="width: 65rpx; height: 55rpx;" src="../../static/study/zuo.png" mode="" @click="zuo">
					</image>
					<view style="font-size: 38rpx;">{{title}}</view>
				</view>
			</view> -->

			<!-- <view style="margin-top: 100rpx;" v-if="title == '赛事报名'">
				<view style="width: 60%; display: flex; align-items: center; justify-content: space-between;">
					<image style="width: 65rpx; height: 55rpx;" src="../../static/study/zuo.png" mode="" @click="zuo">
					</image>
					<view style="font-size: 38rpx;">我的报名</view>
				</view>
			</view> -->

			<!-- <view style="margin-top: 100rpx;" v-if="title == '加入协会记录'">
				<view style="width: 73%; display: flex; align-items: center; justify-content: space-between;">
					<image style="width: 65rpx; height: 55rpx;" src="../../static/study/zuo.png" mode="" @click="zuo">
					</image>
					<view
						style="display: flex; align-items: center; justify-content: space-around; border-radius: 50rpx; background-color: white;">
						<view v-for="(item, idx) in jrxhjl">
							<view class="xhjlitem">
								<view :class="this_index == item.id ? 'yes1':'no1'" @tap="leixing(item.id)">
									{{item.name}}
								</view>
							</view>
						</view>
					</view>
				</view>
			</view> -->

			<!-- <view style="margin-top: 100rpx;" v-if="title == '法律咨询' || title == '女工咨询'">
				<view style="width: 63%; display: flex; align-items: center; justify-content: space-between;">
					<image style="width: 65rpx; height: 55rpx;" src="../../static/study/zuo.png" mode="" @click="zuo">
					</image>
					<view style="font-size: 38rpx;">我的{{title}}</view>
				</view>
			</view> -->

		</view>
		<view style="text-align: center;margin-top: 200rpx;">暂无数据</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '',
				this_index: 0,
				wdhd: [{
						id: 0,
						name: '视频'
					},
					{
						id: 1,
						name: '摄影'
					},
					{
						id: 2,
						name: '征文'
					},
					{
						id: 3,
						name: '报名'
					},
				],
				jrxhjl: [{
						id: 0,
						name: '体育协会'
					},
					{
						id: 1,
						name: '文联协会'
					},
				]
			}
		},
		onLoad(opt) {
			this.title = opt.title
			console.log('title: ', opt.title);
		},
		methods: {
			zuo() {
				uni.navigateBack();
			},
			leixing(id) {
				this.this_index = id
			}
		}
	}
</script>

<style>
	.content {
		width: 100vw;
		height: 100vh;
		background: url("https://boyaltd.oss-cn-hangzhou.aliyuncs.com/bj_liand.png") 100% 100% / 100% 100%;
		/* background-repeat:no-repeat; */
	}

	.yes {
		color: red;
		padding-bottom: 10rpx;
		border-bottom: 2px solid red;
	}

	.no {
		padding-bottom: 10rpx;
	}

	.xhjlitem {
		width: 180rpx;
		height: 70rpx;
		text-align: center;
		line-height: 70rpx;
	}

	.yes1 {
		background-color: #F07E4A;
		color: white;
		border-radius: 50rpx;
	}

	.no1 {
		background-color: white;
		border-radius: 50rpx;
	}
</style>